/* ----- General ----- */

body {
	 margin: 0;
	 padding: 0;
     font-family: arial, sans-serif;
     font-weight: bold;
     font-size: 12px;
}

a {              /* All A */
    text-decoration: none;
}


/* ----- Branding Banner ----- */

h1#banner {		/* Header title and image */
	text-indent: -9999px;
	background-color: #5c9dd1;
	background-image: url('http://global-learning-portal-2.appspot.com/gadgets/banner.gif');
	background-repeat: no-repeat;
	height: 100px;
	width: 986px;
	margin: 0;
}


/* ----- Lists ----- */

ul {             /* All UL */
  list-style-type: none;
  margin: 0;
  padding: 0;
  cursor: default;
}

/* -- Navigation with Dropdowns -- */

ul#nav_root {        /* Level 1 UL */
  display: table;
  width: 100%;
  table-layout: fixed;
  background-color: #3c7db1;
}

ul#nav_root>li {     /* Level 1 LI */
  display: table-cell;
  padding: 5px 6px;
}

ul#nav_root>li:hover {  /* Level 1 LI active */
   background-color: #5c9dd1;
}

ul#nav_root>li>a {   /* Level 1 A */
  color: #ffffff;
}

ul#nav_root>li:hover>a {   /* Level 1 A active */
  color: #000000;
}

ul#nav_root>li>ul {  /* Level 2 UL */
  display: none;
  position: absolute;
  margin-top: 5px;
  margin-left: -6px;
  background-color: #5c9dd1;
}

ul#nav_root>li:hover>ul {   /* Level 2 UL active */
  display: table;
}

ul#nav_root>li>ul>li {    /* Level 2 LI */
  display: table-cell;
  padding: 5px 6px;
}

ul#nav_root>li>ul>li:hover {    /* Level 2 LI active */
  background-color: #5c9dd1;
}

ul#nav_root>li>ul>li>a {    /* Level 2 A */
  color: #ffffff;
  font-size: 90%;
}

ul#nav_root>li>ul>li:hover>a {    /* Level 2 A active */
  color: #000000;
}

/* -- Account Management -- */

ul#identity_block {					/* Moves list to upper right corner of iframe */
	position: absolute;
	top: 5px;
	right: 10px;			/* List could extend past banner, but visibility risk is minimal (hopefully) due to site's dark background at top.*/
}

ul#identity_block li{					/* List items display horizontally */
	position: relative;
	float: left;
	margin-left: 1.5em;
}

ul#identity_block li a {				/* White links stand out from banner */
	color: #ffffff;
}

ul#identity_block li a:hover {			/* Hover effect shows these links are clickable */
	text-decoration: underline;
}

ul#identity_block li span.not_link { 	/* Greyed out text to indicate email address is not a link... */
	color: #dddddd;
}

/* -- Registration Warnings -- */

div.message_line {
  width: 100%;
  text-align: center;
  margin: 3px;
}

span.message {
  color: #000000;
  background-color: #fdee00;
  padding: 3px;
}
